<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- qquickanimator.cpp -->
  <title>RotationAnimator QML 类型 | Qt Quick 5.12.3</title>
  <link rel="stylesheet" type="text/css" href="style/offline-simple.css" />
  <script type="text/javascript">
    document.getElementsByTagName("link").item(0).setAttribute("href", "style/offline.css");
    // loading style sheet breaks anchors that were jumped to before
    // so force jumping to anchor again
    setTimeout(function() {
        var anchor = location.hash;
        // need to jump to different anchor first (e.g. none)
        location.hash = "#";
        setTimeout(function() {
            location.hash = anchor;
        }, 0);
    }, 0);
  </script>
</head>
<body>
<div class="header" id="qtdocheader">
  <div class="main">
    <div class="main-rounded">
      <div class="navigationbar">
        <table><tr>
<td ><a href="../qtdoc/index.html">Qt 5.12</a></td><td ><a href="qtquick-index.html">Qt Quick 模块</a></td><td ><a href="qtquick-qmlmodule.html">QML类型</a></td><td >RotationAnimator QML 类型</td></tr></table><table class="buildversion"><tr>
<td id="buildversion" width="100%" align="right"><a href="qtquick-index.html">Qt 5.12.3 参考指南</a></td>
        </tr></table>
      </div>
    </div>
<div class="content">
<div class="line">
<div class="content mainContent">
<div class="sidebar">
<div class="toc">
<h3><a name="toc">目录</a></h3>
<ul>
<li class="level1"><a href="#properties">属性</a></li>
<li class="level1"><a href="#details">详细信息</a></li>
</ul>
</div>
<div class="sidebar-content" id="sidebar-content"></div></div>
<h1 class="title">RotationAnimator QML 类型</h1>
<span class="subtitle"></span>
<!-- $$$RotationAnimator-brief -->
<p>The <a href="qml-qtquick-rotationanimator.html">RotationAnimator</a> type animates the rotation of an Item. <a href="#details">更多...</a></p>
<!-- @@@RotationAnimator -->
<div class="table"><table class="alignedsummary">
<tr><td class="memItemLeft rightAlign topAlign"> 导入语句：</td><td class="memItemRight bottomAlign"> import QtQuick 2.12</td></tr><tr><td class="memItemLeft rightAlign topAlign"> Since:</td><td class="memItemRight bottomAlign">  Qt 5.2</td></tr><tr><td class="memItemLeft rightAlign topAlign">继承自：</td><td class="memItemRight bottomAlign"> <p><a href="qml-qtquick-animator.html">Animator</a></p>
</td></tr></table></div><ul>
<li><a href="qml-qtquick-rotationanimator-members.html">所有成员的列表，包括继承成员</a></li>
</ul>
<a name="properties"></a>
<h2 id="properties">属性</h2>
<ul>
<li class="fn"><b><b><a href="qml-qtquick-rotationanimator.html#direction-prop">direction</a></b></b> : enumeration</li>
</ul>
<!-- $$$RotationAnimator-description -->
<a name="details"></a>
<h2 id="details">详细信息</h2>
<p><a href="qml-qtquick-animator.html">Animator</a> types are different from normal Animation types. When using an Animator, the animation can be run in the render thread and the property value will jump to the end when the animation is complete.</p>
<p>The value of <a href="qml-qtquick-item.html#rotation-prop">Item::rotation</a> is updated after the animation has finished.</p>
<p>The following snippet shows how to use a <a href="qml-qtquick-rotationanimator.html">RotationAnimator</a> together with a Rectangle item.</p>
<pre class="qml">

  <span class="type"><a href="qml-qtquick-rectangle.html">Rectangle</a></span> {
      <span class="name">id</span>: <span class="name">rotatingBox</span>
      <span class="name">width</span>: <span class="number">50</span>
      <span class="name">height</span>: <span class="number">50</span>
      <span class="name">color</span>: <span class="string">&quot;lightsteelblue&quot;</span>
      <span class="type"><a href="qml-qtquick-rotationanimator.html">RotationAnimator</a></span> {
          <span class="name">target</span>: <span class="name">rotatingBox</span>;
          <span class="name">from</span>: <span class="number">0</span>;
          <span class="name">to</span>: <span class="number">360</span>;
          <span class="name">duration</span>: <span class="number">1000</span>
          <span class="name">running</span>: <span class="number">true</span>
      }
  }

</pre>
<p>It is also possible to use the <code>on</code> keyword to tie the <a href="qml-qtquick-rotationanimator.html">RotationAnimator</a> directly to the <code>rotation</code> property of an Item instance.</p>
<pre class="qml">

  <span class="type"><a href="qml-qtquick-rectangle.html">Rectangle</a></span> {
      <span class="name">width</span>: <span class="number">50</span>
      <span class="name">height</span>: <span class="number">50</span>
      <span class="name">color</span>: <span class="string">&quot;lightsteelblue&quot;</span>
      RotationAnimator on <span class="name">rotation</span> {
          <span class="name">from</span>: <span class="number">0</span>;
          <span class="name">to</span>: <span class="number">360</span>;
          <span class="name">duration</span>: <span class="number">1000</span>
      }
  }

</pre>
<p><b>请参考 </b><a href="qml-qtquick-item.html#transformOrigin-prop">Item::transformOrigin</a> 和 <a href="qml-qtquick-scaleanimator.html">ScaleAnimator</a>。</p>
<!-- @@@RotationAnimator -->
<h2>属性文档</h2>
<!-- $$$direction -->
<div class="qmlitem"><div class="qmlproto">
<div class="table"><table class="qmlname">
<tr valign="top" class="odd" id="direction-prop">
<td class="tblQmlPropNode"><p>
<a name="direction-prop"></a><span class="name">direction</span> : <span class="type"><a href="../qtqml/qml-enumeration.html">enumeration</a></span></p></td></tr>
</table></div>
</div><div class="qmldoc"><p>This property holds the direction of the rotation.</p>
<p>Possible values are:</p>
<ul>
<li><a href="qml-qtquick-rotationanimator.html">RotationAnimator</a>.Numerical (default) - Rotate by linearly interpolating between the two numbers. A rotation from 10 to 350 will rotate 340 degrees clockwise.</li>
<li><a href="qml-qtquick-rotationanimator.html">RotationAnimator</a>.Clockwise - Rotate clockwise between the two values</li>
<li><a href="qml-qtquick-rotationanimator.html">RotationAnimator</a>.Counterclockwise - Rotate counterclockwise between the two values</li>
<li><a href="qml-qtquick-rotationanimator.html">RotationAnimator</a>.Shortest - Rotate in the direction that produces the shortest animation path. A rotation from 10 to 350 will rotate 20 degrees counterclockwise.</li>
</ul>
</div></div><!-- @@@direction -->
<br/>
        </div>
       </div>
   </div>
   </div>
</div>
<div class="footer">
   <p>
   <acronym title="Copyright">&copy;</acronym> 2019 The Qt Company Ltd.
   Documentation contributions included herein are the copyrights of
   their respective owners.<br/>    The documentation provided herein is licensed under the terms of the    <a href="http://www.gnu.org/licenses/fdl.html">GNU Free Documentation    License version 1.3</a> as published by the Free Software Foundation.<br/>    Qt and respective logos are trademarks of The Qt Company Ltd.     in Finland and/or other countries worldwide. All other trademarks are property
   of their respective owners. </p>
</div>
</body>
</html>
